/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './components/**/*.{js,vue,ts}',
    './layouts/**/*.vue',
    './pages/**/*.vue',
    './plugins/**/*.{js,ts}',
    './error.vue',
  ],
  theme: {
    extend: {
      maxWidth: {
        normal: 'var(--w-normal)', // 自定义类名 max-w-normal
        sm: 'var(--w-sm)',
        xs: 'var(--w-xs)',
      },
      minWidth: {
        normal: 'var(--w-normal)', // 自定义类名 min-w-normal
        sm: 'var(--w-sm)',
      },
      width: {
        normal: 'var(--w-normal)', // 自定义类名 w-normal
        sm: 'var(--w-sm)',
        xs: 'var(--w-xs)',
      },
      colors: {
        G100: 'var(--color-G100)', // text-G100 bg-G100 border-G100
        G200: 'var(--color-G200)',
        G300: 'var(--color-G300)',
        G400: 'var(--color-G400)',
        G500: 'var(--color-G500)',
        G600: 'var(--color-G600)',
        G700: 'var(--color-G700)',
        G800: 'var(--color-G800)',
        G900: 'var(--color-G900)',
        G1000: 'var(--color-G1000)',
        CG100: 'var(--color-CG100)',
        CG200: 'var(--color-CG200)',
        CG300: 'var(--color-CG300)',
        CG400: 'var(--color-CG400)',
        CG500: 'var(--color-CG500)',
        CG600: 'var(--color-CG600)',
        CG700: 'var(--color-CG700)',
        CG800: 'var(--color-CG800)',
        CG900: 'var(--color-CG900)',
        CG950: 'var(--color-CG950)',
        DP100: 'var(--color-DP100)',
        DP200: 'var(--color-DP200)',
        DP300: 'var(--color-DP300)',
        DP400: 'var(--color-DP400)',
        DP500: 'var(--color-DP500)',
        DP600: 'var(--color-DP600)',
        DP700: 'var(--color-DP700)',
        DP800: 'var(--color-DP800)',
        DP900: 'var(--color-DP900)',
        Y100: 'var(--color-Y100)',
        primary: 'var(--color-primary)',
        link: 'var(--color-link)',
        danger: 'var(--color-danger)',
        success: 'var(--color-success)',
        warning: 'var(--color-warning)',
        tip: 'var(--color-tip)',
        light: 'var(--color-light)',
        lighter: 'var(--color-lighter)',
      },
      fontSize: {
        'xs': '12px', // text-xs
        'sm': '14px',
        'base': '16px',
        'lg': '18px',
        'xl': '20px',
        '2xl': '22px',
      },
      spacing: {
        xs: '8px',
        10: '10px', // mt-10
        20: '20px',
        24: '24px',
        30: '30px',
        32: '32px',
        40: '40px',
        normal: 'var(--spacing-normal)',
      },
    },
  },
  plugins: [],
}
